<!doctype html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
<title>{$siteRs.title}</title>
<meta name="keywords" content="{$siteRs.keyword}" />
<meta name="description" content="{$siteRs.description}" />
<link rel="shortcut icon" type="image/x-icon" href="{$siteRs.ico}" />
{include file="public/css" /}
<link rel="stylesheet" href="{:config('template.skin')}/css/animate.min.css">
</head>
<body>
{include file="public/head" /}
<!--banner 开始-->
<div id="myCarousel" class="carousel slide" data-ride="carousel">
    <ol class="carousel-indicators">
        <?php $banner = ad(5,$lang); ?>
        {foreach $banner as $key=>$adRs}
            <li data-target="#myCarousel" data-slide-to="{$key}" class="{eq name="key" value="0"}active{/eq} d-none d-sm-block"></li>
        {/foreach}
    </ol>
    <div class="carousel-inner">
        {foreach $banner as $key=>$adRs}
            <div class="carousel-item pt-5 {eq name="key" value="0"}active{/eq}" style="background:url({$adRs.thumb}) center no-repeat;">
                <div class="col-md-12 mt-sm-5 pt-sm-5 text-center dream" data-animate="zoomIn,1s">
                    <div class="h2 text-white mt-5 mt-sm-3 mb-sm-5 text-uppercase ellipsis line-2">{$adRs.title|raw}</div>
                    <div class="h5 text-white d-none d-sm-block">{$adRs.description|raw}</div>
                </div>
                <div class="col-md-12 mt-sm-5 text-center d-none d-sm-block"><a href="{$adRs.linkurl}" class="btn btn-rounded px-4 h6 btn-outline-success">{$Think.lang.v_view} {$Think.lang.v_detail} &raquo;</a></div>
            </div>
        {/foreach}
    </div>
    <a class="carousel-control-prev" href="#myCarousel" role="button" data-slide="prev">
        <span class="carousel-control-prev-icon" aria-hidden="true"></span>
        <span class="sr-only">Previous</span>
    </a>
    <a class="carousel-control-next" href="#myCarousel" role="button" data-slide="next">
        <span class="carousel-control-next-icon" aria-hidden="true"></span>
        <span class="sr-only">Next</span>
    </a>
</div>
<!--banner 结束-->
<!--产品 开始-->
<div class="w-100 mt-4 mt-sm-5 text-center dream" data-animate="fadeInUp,1s">
    <div class="w-100 h2 text-success mb-3 mb-sm-4 text-uppercase">—<span class="mx-3 {eq name="lang" value="cn"}font-chinese{/eq}">{:lang('v_new_product')}</span>—</div>
    <div class="container">
        <div class="row">
            <?php $pro_list = table_list('product', 0, '*', $lang, 4, 'product.sequence desc'); ?>
            {volist name="pro_list" id="proRs"}
                <div class="col-sm-3 col-6 mb-4 mb-sm-3">
                    <a href="<?php the_view_url($proRs['id'],'product'); ?>">
                        <div class="w-100 img-border">
                            <img src="{$proRs.thumb}" class="w-100 mb-2" alt="{$proRs.title}">
                            <div class="w-100 h5 line-height-180 ellipsis line-1">{$proRs.title|raw}</div>
                        </div>
                    </a>
                </div>
            {/volist}
            <div class="col-sm-12 mt-sm-4 text-center">
                <a class="btn btn-rounded px-4 h6 btn-success" href="<?php the_list_url('product'); ?>">{:lang('v_view')} {:lang('v_more')} &raquo;</a>
            </div>
        </div>
    </div>
</div>
<!--产品 结束-->
<!--新闻 开始-->
<div class="w-100 mt-5">
    <div class="container">
        <div class="row">
            <div class="col-sm-6 text-right d-none d-sm-block dream" data-animate="fadeInLeft,2s">
                <img src="{$about_img}" class="w-100 mt-4">
            </div>
            <div class="col-sm-6 dream" data-animate="fadeInRight,2s">
                <div class="w-100 h2 text-success text-center text-sm-left text-uppercase">—<span class="mx-3 {eq name="lang" value="cn"}font-chinese{/eq}">{:lang('v_news')}</span>—</div>
                <?php $news_list = table_list('news', 0, '*', $lang, 3, 'news.addtime desc'); ?>
                {volist name="news_list" id="newsRs"}
                    <hr>
                    <div class="w-100">
                        <a href="<?php the_view_url($newsRs['id'],'news'); ?>">
                            <div class="w-100 h5 ellipsis line-1">{$newsRs.title|raw}</div>
                        </a>
                        <div class="w-100 h6 text-muted line-height-150 ellipsis line-1">{$newsRs.description|raw}</div>
                    </div>
                {/volist}
            </div>
            <div class="col-sm-12 mt-4 text-center">
                <a class="btn btn-rounded px-4 h6 btn-success" href="<?php the_list_url('news'); ?>">{:lang('v_view')} {:lang('v_more')} &raquo;</a>
            </div>
        </div>
    </div>
</div>
<!--新闻 结束-->
<!--关于我们 开始-->
<div class="w-100 mt-5 mt-sm-3 py-3 py-sm-5" style="background: url({$about_bg});">
    <div class="w-100 text-center h2 text-success mb-3 dream text-uppercase" data-animate="fadeInUp,2s">—<span class="mx-3 {eq name="lang" value="cn"}font-chinese{/eq}">{:lang('v_about')}</span>—</div>
    <div class="container">
        <div class="row dream" data-animate="fadeInUp,2s">
            <div class="col-sm-12 h6 mb-5 line-height-180">{$aboutus|raw}</div>
        </div>
    </div>
</div>
<!--关于我们 结束-->
{include file="public/foot" /}
<script type="text/javascript" src="{:config('template.skin')}/js/animate.js"></script>
</body>
</html>